<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<title>Macros Group | Customer Apply</title>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
 
 
<link rel="stylesheet" href="./assets-html5-contact-form/css/contact.css" />
<link rel="stylesheet" href="./css/bootstrap.css" />
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/responsive.css" />
<style>
	ul#menu { margin:0; padding:0; list-style-type:none;text-align: center; }
	ul#menu li { position:relative; float:left; border-bottom:4px solid #efefef; margin-right: 10px; padding-right: 0px; padding-bottom: 5px;display: inline-block;}
	ul#menu .current { border-bottom:4px solid #3d496a;}
	ul#menu li:hover { border-bottom:4px solid #3d496a;}
	ul#menu li a { padding:2px 2px; text-decoration:none; font:bold 8px Verdana, Georgia, "Times New Roman", Times, serif; color:#68759c;}
	ul#menu li a:hover { color:#8895b8; border:none; }

	.pbox {display:none}
	
</style>

<style>
	#checkbox-form td input[type=checkbox]
	{
		padding-top:5px;
		vertical-align: bottom;
		padding-right:10px; 
		
	}
</style>
 
<!--[if IE]>
<link rel="stylesheet" href="./css/ie-style.css" />
<![endif]-->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>


<body>

<!-- main content start //-->
<div class="main-content">
	<div class="container">
    	<div class="row">



<!-- Hide/Show Content Start //-->  
 <ul id="menu">
    <li class="current"><a href="#" data-id="div1">Customer</a></li>
    <li><a href="#" data-id="div2">Company</a></li>
</ul>

<br><br>


<!-- Hide/Show Content Ends //-->         





        	<div class="span12 pbox" id="div1">
            	<?php include"user.php"; ?>
            </div>
            
            <div class="span9 pbox" id="div2">
            	<?php include"company.php"; ?>
            </div>
            
             
        
        </div>
    </div>
</div>
<!-- main content end //-->

 

</body>

<!-- scripts start //--> 
<script src="./js/jquery.js"></script>
<script src="./assets-html5-contact-form/js/jquery.jigowatt.js"></script>
<!-- scripts end //-->
<script type="text/javascript">
$(document).ready(function () {
    $('#menu').on('click', 'a', function () {
        $('.current').not($(this).closest('li').addClass('current')).removeClass('current');
        // fade out all open subcontents
        $('.pbox:visible').hide(600);
        // fade in new selected subcontent
        $('.pbox[id=' + $(this).attr('data-id') + ']').show(600);
    });
});
</script>
</html>